<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper{
        margin: 0 auto;
        width: 800px;
    }
    .top{
        margin-top: 50px;
    }
</style>
<body>
<div class="list-group wrapper top">
  <a href="#" class="list-group-item active">第十章</a>
  <a href="edu_10_1_1.html" class="list-group-item">【例10-1-1】三行模式布局</a>
  <a href="edu_10_1_2.html" class="list-group-item">【例10-1-2】三列模式布局</a>
  <a href="edu_10_1_3.html" class="list-group-item">【例10-1-3】三行二列模式布局</a>
  <a href="edu_10_1_4.html" class="list-group-item">【例10-1-4】三行三列模式布局</a>
  <a href="edu_10_1_5.html" class="list-group-item">【例10-1-5】多行三行模式布局</a>
  <a href="edu_10_2_1_1.html" class="list-group-item">【例10-2-1-1】表格+超链接实现导航菜单</a>
  <a href="edu_10_2_1_2.html" class="list-group-item">【例10-2-1-2】列表+超链接实现导航菜单</a>
  <a href="edu_10_2_2.html" class="list-group-item">【例10-2-2】(导航浮动效果)计算机应用研究杂志网站导航</a>
  <a href="edu_10_2_3.html" class="list-group-item">【例10-2-3】鼠标滑过下拉导航菜单（纵向）</a>
  <a href="edu_10_2_4.html" class="list-group-item">【例10-2-4】鼠标滑过下拉导航菜单（横向）</a>
  <a href="edu_10_3_1.html" class="list-group-item">【例10-3-1】综合实例</a>
  <a href="exp_10_1.html" class="list-group-item">【实验10-1】DIV CSS页面布局</a>
  <a href="exp_10_2.html" class="list-group-item">【实验10-2】DIV CSS页面布局</a>
  <a class="list-group-item" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a>
</div>
</body>
</html>
